body { 
	background-color: #A0C090 ; 
	font-family: Helvetica, sans-serif ;
    -webkit-user-select: none;
	width:1024px;
}

.zona { 
	min-width: 100px; 
	width: 20%; 
	min-height: 20%; 
	height: 80px; 
	border:2px solid black;
	position: absolute;
	margin: 5px;
	text-align:center;
	border-radius: 10px;
}

.panel { 
	top:5px;
	bottom:5px;
	left:-100px;
	right:-100px;
	width:auto;
	height:auto;
	/* border:2px solid cyan;   */
	position: absolute;
	vertical-align:center;
	text-align:center;
}

.rotacion_i{
	-webkit-transform:rotate(90deg);  
}

.rotacion_d{
	-webkit-transform:rotate(-90deg);
}

.contenido{
	position:absolute;
	left:0px; 
	right:0px;
	top:50%; 
	height:50px;
	text-align:center;
	margin-top:-25px;
	/* border: 1px solid green; */
}

.texto_rotadox{
	writing-mode: vertical-lr;
	text-orientation: sideways-right;
	color:red;
	display:block; 
}

#pantalla{
	width:1024px;
	height:768px;
	left:0px;
	top:0px;
	margin:0px;
	border:1px solid red;
	position:absolute;
}

#pantalla2{
	width:768px;
	height:1024px;
	left:0px;
	top:0px;
	margin:0px;
	border:1px dotted red;
	position:absolute;
}

#panel_der1 {
	right:0px;
	top:0px;
}

#panel_der2 {
	right:0px;
	bottom:0px;
}


#panel_izq1 {
	left:0px;
	top:0px;
}

#panel_izq2 {
	left:0px;
	bottom:0px;
}

#panel_izq_cuenta{
	left:15%;
	width:20%;
	top:22%;
	height:auto;
	bottom:22%;
}

#panel_izq_puntos{
	left:2%;
	width:10%;
	top:22%;
	height:auto;
	bottom:22%;
}

#panel_der_puntos{
	right:2%;
	width:10%;
	height:auto;
	top:22%;
	bottom:22%;
}

#panel_der_cuenta{
	right:15%;
	width:20%;
	height:auto;
	top:22%;
	bottom:22%;
}

#separacion{
	border-left: 2px dashed black;
	border-right: 2px dashed black;
	left:47%;
	right:47%;
	bottom:0px;
	top:0px;
	position:absolute;
}

.botonera{
	position:absolute;
	text-align:center;
	left:0px;
	right:0px;
	top:30%;
}

.resultado{
	font-size:65%;
}
